<script lang="ts" setup >

import { useRouter } from 'vue-router';
let router = useRouter()
let isDark: boolean = true


function enter() {
    router.push('/login')
}
</script>
<template>
    <div>
        <el-button class="b1">欢迎</el-button>
        <div class="top">
            <img style="width: 80%;border-radius: 10px" src="../../assets/5.png" alt="">
            <h3 style="text-align: center;margin-top: 40px; font-size: 25px;">
                游戏助手</h3>
            <div style="text-align: center;">进入你的游戏世界</div>
        </div>
        <div class="bot">
            <el-button color="#000" @click="enter" style="width: 200px;">立即进入</el-button>
        </div>

    </div>
</template>
<style lang="scss" scoped>
.b1 {
    margin-left: 80%;
    margin-top: 4%;
}

.top {
    display: flex;
    flex-flow: column wrap;
    height: 50%;
    margin-top: 100px;
    align-content: center;
}

.bot {
    display: flex;
    width: 40%;
    margin: 0 auto;
    margin-top: 20px;
    justify-content: space-evenly;

}
</style>